<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="element-plus/index.css" />
		<script src="js/vue.js"></script>
		<script src="element-plus/index.full.js"></script>
	</head>
	<body>
		<div id="app">
			<button>登录</button>
			<el-button size='default' type='primary'>登录</el-button>
			<el-button size='small' type='warning'>登录</el-button>
			<el-button size='large' type='success'>登录</el-button>
			<hr>
			<el-rate 
				v-model="value" 
				:texts="['oops', 'disappointed', 'normal', 'good', 'great']" 
				show-text
			>
			</el-rate>
			<hr>
			<el-form style="width: 400px;margin: 50px auto;" label-position='right'
				label-width='100'>
				<el-form-item label="用户名">
					<el-input v-model="formInline.user" clearable></el-input>
				</el-form-item>
				<el-form-item label="密码">
					<el-input v-model="formInline.psw" type="password" clearable></el-input>
				</el-form-item>
				<el-form-item>
					<el-button type='primary'>登录</el-button>
					<el-button type='info'>注册</el-button>
				</el-form-item>
			</el-form>
		</div>
		<script>
			Vue.createApp({
				data() {
					return {
						value: 3,
						formInline:{}
					};
				}
			}).use(ElementPlus).mount('#app');
		</script>
	</body>
</html>
